<template>
  <div>
    <h3>我是child1组件</h3>
  </div>
</template>

<script>
export default {
  name: 'child1',
  // 在缓存组件中，原来的创建和离开生命周期就无效了
  created() {
    console.log('child1 -- created')
  },
  beforeUnmount() {
    console.log('child1 -- beforeUnmount')
  },
  // 针对缓存组件就需要使用它特定的生命周期方法
  // 激活和失活
  // 进入到缓存组件中，激活状态
  activated() {
    console.log('child1 -- activated')
  },
  // 离开了缓存组件，失活状态
  deactivated() {
    console.log('child1 -- deactivated')
  }
}
</script>

<style lang="scss" scoped></style>
